<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <title>Boxue</title>
  <link rel="stylesheet" type="text/css" href="./css/proup.css" />
  <!-- <link rel="stylesheet" href="./css/elementPlus.css">
  <script src="./js/vue.global.js"></script>
  <script src="./js/elementPlus.js"></script> -->
  <script src="https://unpkg.com/vue@next"></script>
  <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
  <script src="https://unpkg.com/element-plus"></script>
</head>

<body>
  <!-- <div class="box">
    <div class="siginin">better to better</div>
  </div> -->

  <label for="username">用户名：</label>
  <input type="text" id="username" />

  <label for="theme">主题：</label>
  <select id="theme">
    <option value="light">亮色</option>
    <option value="dark">暗色</option>
  </select>

  <button id="saveBtn">保存</button>


  <div id="app">{{ message }}
    <el-button>{{ message }}</el-button>
    <el-table :data="tableData" border style="width: 900px;">
      <el-table-column prop="date" label="Date" width="180" />
      <el-table-column prop="name" label="Name" width="180" />
      <el-table-column prop="address" label="Address" />
    </el-table>
  </div>

  <script>
    const { createApp, ref } = Vue;
    const app = createApp({
      setup() {
        const message = ref('boxue is 666!');
        const tableData = [
          {
            date: '2016-05-03',
            name: 'Tom',
            address: 'No. 189, Grove St, Los Angeles',
          },
          {
            date: '2016-05-02',
            name: 'Tom',
            address: 'No. 189, Grove St, Los Angeles',
          },
          {
            date: '2016-05-04',
            name: 'Tom',
            address: 'No. 189, Grove St, Los Angeles',
          },
          {
            date: '2016-05-01',
            name: 'Tom',
            address: 'No. 189, Grove St, Los Angeles',
          },
        ]

        return {
          message,
          tableData
        }
      }
    });
    app.use(ElementPlus);
    app.mount("#app");
  </script>


  <!-- <script src="./js/jquery.min.js"></script> -->
  <script src="./js/popup.js"></script>


</body>

</html>